/* ----------------------
Author: OuJinfeng - 2010/07/08 - Comm CSS style
---------------------- */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
address, cite, dfn, em, var {font-style:normal;}
small {font-size:12px;}
ul, ol {list-style:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
legend {color:#000;}
fieldset, img {border:0;}
button, input, select, textarea {font-size:100%;}
 p {line-height:100%;}
i, em, cite {font-style:normal;}
.clear {clear:both;width:0;height:0;margin:0;padding:0;font-size:0; overflow:hidden;}
.left{float:left;}
.right{float: right;}
iframe {margin:0;padding:0;}
/*--------------common css---------------------*/
 .closed, .closed_3,.closed_2 {display:block;overflow:hidden;text-indent:-999px;}
/*--------------------*/
a.btn, a.btn span, a.btn:hover, a.btn:hover span,.message_content a.disabled,.message_content a.disabled span {background-image:url(../images/button.gif);background-repeat:no-repeat;color: #fff;}
a.btn,.message_content a.disabled {vertical-align:middle;display:inline-block;background-position:0px -42px;line-height:21px;_line-height:23px;height:21px;overflow:hidden;text-decoration:none;}
a.btn span, a.btn:hover span,.message_content a.disabled span {display:block;margin:0 0 0 3px;padding:0 10px;}
a.btn span {background-position:right -63px;}
a.btn:hover {background-position: 0px 0px;padding:0;}
a.btn:hover span {background-position:right -21px; }
a.disabled {background-position:0 -84px;}
.message_content a.disabled { background-position:0 -84px;}
.message_content a.disabled span {background-position:right -105px;}
.message_content a.disabled span ,.message_content a.disabled:hover span { color:#666;}
/*-------------------------*/
body {font:12px/22px Arial, \5b8b\4f53,Sans-serif;color:#666;}
#message_page {background:#a8e0f4 url(../images/bg.gif) repeat-x 0 0;}
a {color:#2276BB;text-decoration:none; cursor:pointer;}
a:hover,.pagenav a:hover {color:#ff9600;}
p {line-height:18px;  word-wrap:break-word; }
input {vertical-align:-2px;*vertical-align:1px;}
 #container { width:960px; margin:0 auto;}
#header { float:left; width:100%; margin-bottom:55px; }
h1 {padding:42px 0 0 68px;font:700 36px \5fae\8f6f\96c5\9ed1,Arial,\5b8b\4f53,Sans-serif;color:#fff;width:600px;float:left;}
h1 a, h1 a:hover { color:#fff;}
#headbar {width:260px; padding:42px 0 0 10px; float:left;}
.weather_bg,.weather_bg span { display:inline-block; background-image:url(../images/weather_bg.gif);line-height:23px; height:23px;background-repeat:no-repeat}
.weather_bg { float:right; background-position:0 0; padding-left:10px;  }
.weather_bg span {background-position: right -23px; padding:0 15px 0 5px;_padding-top:2px; overflow:hidden; _height:21px;}
#content,#sidebar,.message_content,.head_box,.head_box2,.feeds_content,.special_area ,.admin_name,.special_area .head_pic,.notice_board{ float:left; display:inline; }
label { margin-right:5px; line-height:20px;display:inline-block;}
.faces{padding-left:20px;display:inline-block;line-height:18px; background:url(../images/face2.gif) no-repeat 0 0;}
.checkbox { width:13px; height:13px;}
.line { background:url(../images/line.gif) repeat-x 0 center; height:8px; font-size:0;}
#faceBox { width:396px;_width:405px;}
  /*-----layer_box----*/
.comments_box { width:100%; float:left; margin:15px 0 0; position:relative; z-index:1;}
.comments_box li {clear:both;padding-bottom:10px;}
.comments_box .head_box { background:url(../images/pointer_left.png) no-repeat right 12px; padding-right:35px; }
.textarea_380 {width:380px;margin:0 0 5px;height:30px;}
.comment_text {float:left;padding:5px 0 5px 5px;width:385px;}
.closed,.closed_3,.closed_2 {width:13px;height:13px; float:right;margin:8px 5px;}
.closed { background:url(../images/close2.gif) no-repeat 0 0;}
.closed_3 { background:url(../images/close.gif) no-repeat 0 0; }
.closed_2{position:absolute;right:5px;background:url(../images/close3.gif) no-repeat 0 0;}
.layer_box, .layer_box2 {-moz-border-radius:5px 5px 5px 5px;-moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.3);background:#fff;border:5px solid #ccc;color:#333;display:none;font:12px/16px "Lucida Grande", Arial, Sans-serif;margin:0;padding:0;position:absolute;z-index:105;}
.layer_box2 { border:1px solid #5287cc;}
.layer_content h2 {color:#fff;font-weight:700;background:#3b85b4;line-height:25px;height:25px;padding-left:10px;}
.popping_content,.login_box {margin:10px 15px;}
.popping_content {text-align:center;}
.faces_icons,.user_head {margin:10px;}
 .faces_icons li,.user_head li {float:left;height:28px;padding:0 5px 5px 0;width:28px;margin:0; display:inline;}
.faces_icons li a,.user_head li a {border:1px dashed #ddd;display:block;height:26px;text-align:center;width:26px;}
.faces_icons li a:hover ,.user_head li a:hover {border:1px dashed #ff9600;}
.user_head li,.user_head li a  { width:48px; height:48px; }
.user_head li {padding:0 10px 10px 0;}
.layer_pointer,.layer_pointer2 {background:url(../images/pointer.gif) no-repeat scroll 0 0 transparent;top:-20px;cursor:pointer;	height:20px;left:20px;position:absolute;width:27px;}
.layer_pointer2 {background:url(../images/pointer2.gif) no-repeat scroll 0 0 transparent;}
.layer_pointer3 {  background:url(../images/pointer3.gif) no-repeat 0 0; bottom:-20px; cursor:pointer;	height:20px;left:20px;position:absolute;width:27px;}
 /*----------------------*/
 .double_btn {text-align:center;margin:0 auto; padding-top:10px;}
/*---------------------------stage_page--------------------------------*/
#stage_page { background:#fff url(../images/stage_bg.gif) repeat-x 0 0;}
#stage_page #header { background:url(../images/stage_headbg.gif) no-repeat center 0; margin-bottom:20px;}
#stage_page h1 { padding-top:20px;}
#stage_page #stage_subnav{float:left; margin-left:93px;background:url(../images/stage_navbg.gif) no-repeat 0 0; padding-left:6px; width:125px; height:23px; overflow:hidden;}
#stage_page #stage_subnav a { padding:6px; color:#000;}
#stage_page #stage_subnav a:hover {color:#2276BB; }
.enter_infor { clear:both; padding:0 70px 13px;}
.welcome { line-height:44px; color:#fff; font-weight:700;}
fieldset {width: 80%;margin: 10px auto;border: 1px solid #D9EDFF;padding-bottom:20px;}
legend,.stage_content h3 {margin-left:30px; font-size:14px; font-weight:700; color:#ff9204;}
.setting {  margin:20px 0; width:100%; float:left; }
.setting dt,.setting dd {float:left; margin-bottom:5px;}
.setting dt {clear:both;width: 30%;	text-align: right;}
.setting dd {width: 60%;padding-left:12px;color:#000;}
.setting dd {width: 60%;padding-left:12px;color:#000;}
.setting dd.guolv {width:231px;}
.setting dd.guolv_btn { width:230px; position:relative; padding:66px 0 0; *padding-top:75px; padding-top:72px\0;}
.city li { float:left; margin-right:10px;}
.text_input, .input_100,.input_66  {height:15px;width:220px;border:1px solid #7fb0dc;line-height:15px;padding:1px 3px;vertical-align:middle;}
.input_100 { width:100px;}
.select_228 {width:228px; }
.select_228 option {}
.btn_style1 { background-color:#5bb6e2; padding:2px 5px; *padding:2px 2px; height:20px; }
.vertical {vertical-align:-2px;}
.set_nav {width:800px;margin:0 auto;height:34px;padding:3px 0 0 45px;background:url(../images/stage_setnavbg.gif) no-repeat 0 0;padding-bottom:20px;}
.set_nav li {float:left;margin:0 2px;}
.set_nav li a {width:75px;height:31px;display:inline-block;text-align:center;line-height:25px;}
.set_nav li a.select,.set_nav li a:hover { background-image:url(../images/stage_setnav.gif); background-repeat:no-repeat;color:#fff;}
.set_nav li a.select { background-position:0 0;}
.set_nav li a:hover {background-position:0 -32px;}
.stage_btn { background:url(../images/stage_btn.gif) no-repeat 0 0; width:48px; height:22px;}
.stage_btn ,.btn_style1 { border:0; cursor:pointer; color:#fff;}
.stage_btnbox { padding:10px 0; width:260px; margin:0 auto;} 
.margin_r90 { margin-right:90px;}
.margin_r30 { margin-right:30px;}
#stage_page .pagenav {width:630px; padding-left:89px; padding-top:5px; line-height:15px;height:29px; text-align:center; color:#aaa; }
 .pagenav a  {color:#222;padding:2px;text-align:center;text-decoration:none;
}
#stage_page #footer { background:url(../images/stage_footbg.gif) repeat-x 0 0; text-align:center; margin-top:30px;}
#stage_page #footer a {color:#2276BB;text-decoration:none; cursor:pointer;margin:0 10px; }
#stage_page #footer a:hover {color:#ff9600;}
#stage_page .comment { background:#fef6d3; margin-top:10px; width:345px;}
#stage_page .comment_text { width:310px;}
#stage_page .textarea_380 { width:310px;}
.theme,.stage_content { width:850px; margin:0 auto;}
.theme  { float:left; margin:0 0 20px 57px;_margin-left:25px; padding-bottom:20px; background:url(../images/line.gif) repeat-x 0 bottom;}
.stage_content h3 { clear:both; margin:0 15px 15px;line-height:30px;}
.stage_content p {line-height:22px;}
.download_link {  margin:0 15px 15px 15px;font:700 22px \5fae\8f6f\96c5\9ed1,Arial,\5b8b\4f53,Sans-serif;}
.theme li { float:left; margin:0 12px; _margin:0 10px; width:188px;}
.theme li img { padding:3px; border:1px solid #ccc;}
.theme li p { margin:10px;}
.text_center { text-align:center}
/*------------------table-------------------------*/
table.tb_center { margin:0 auto;}
table.comm_tbstyle { margin:10px auto;width: 800px;border:1px solid #aaa;background-color:#f0f0f0;}
.comm_tbstyle th {border:1px solid; text-align:left;border-color:#fff #aaa #aaa #fff;font:bold 13px/20px;color:#106194; background-color:#eee;cursor:default; padding:0 5px;}
.comm_tbstyle .trEven {background-color:#fff;}
.comm_tbstyle .trHover {background-color:#d6e6eb;}
.comm_tbstyle .trSelected {background-color:#cce1fc;}
.comm_tbstyle .trSelected td {color:#000;}
.comm_tbstyle td {padding:0 5px;border:none; font:12px/20px;cursor:default;color:#666;}
.comm_tbstyle th.No,.comm_tbstyle td.No {	width:30px;padding:0;font:bold 11px/20px;border:1px solid;border-color:#fff #aaa #aaa #fff;text-align:center;color:#555;background-color:#eee; text-align:center;}
.attention { margin:0 0 10px 25px;}
.input_66 {margin:0 5px;width:66px; }
.choose_date img { vertical-align:bottom;}
.comm_content { padding:10px;}
.login_box dt { width:24%;}
.login_box dd { width:70%}
.btn_center { clear:both; text-align:center;}
.comment_list {margin:5px 7px; word-wrap:break-word;width:330px;border-top:2px solid #fff;clear:both;}
.comment_list li {border-bottom:2px solid #fff;line-height:22px;margin:0;padding:0 10px;width:310px; clear:none; background:#ECEFF5; }
.comment_list .name {font-weight:700;margin-right:8px;}
.comment_list .commentDate {color:#999;}
.comment_list .commentBottom {float:right;*margin-top:-22px;}
.source { float:right;}
.source a { margin-top:3px;border-right:1px solid #cecdcd;padding-right:6px;margin-right:6px;display:inline-block;line-height:16px;}
 /*------------------------*/
.orange,.attention {color:#ff9204;}
.blue,dd.blue {color:#018cd1;}
li.noborder, a.noborder {
	border:0;
	background:none;
}
.gray { color:#b4b4b4;}
img.calendar { vertical-align:-6px;}
/*----------------ding jia------------------*/
#overlay {
	position: fixed;
	z-index:1005;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
.overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
* html #overlay { /* ie6 hack */
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
